<%--
  Created by IntelliJ IDEA.
  User: zheng
  Date: 2018/7/7
  Time: 21:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html">
    <title>Vertical Responsive Timeline UI - Template Monster Demo</title>
    <meta name="author" content="Jake Rocheleau">
    <link rel="shortcut icon" href="http://static.tmimgcdn.com/img/favicon.ico">
    <link rel="icon" href="http://static.tmimgcdn.com/img/favicon.ico">
    <link rel="stylesheet" type="text/css" media="all" href="/static/timeaxis/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="/static/timeaxis/css/bootstrap-glyphicons.css">
    <link rel="stylesheet" type="text/css" media="all" href="/static/timeaxis/css/styles.css">
    <jsp:include page="/WEB-INF/views/commons/common.jsp"/>
    <script type="text/javascript" src="/static/timeaxis/js/jquery-1.11.0.min.js"></script>
</head>
<body>
<%--<div style="height: 700px;">--%>


<%--<table id="department_dg"></table>--%>
<%--</div>--%>
<%--<!--工具栏-->--%>
<%--<div id="tb">--%>
<%--<a class="easyui-linkbutton" title="My Dialog"--%>
<%--data-options="iconCls:'icon-reload8',resizable:true,modal:true" data-cmd="reload">刷新--%>
<%--</a>--%>
<%--</div>--%>

<%--<div style="height: 100px">--%>
<%--<img src="/static/images/images/water.gif" width="100%" height="200px"/>--%>
<%--</div>--%>
<div id="p" class="easyui-panel"
     style="width:100%;height:1200px;padding:10px;background:#fafafa;">


    <div class="container">
        <ul class="timeline">
            <c:forEach items="${list}" var="log" step="2" begin="0">
                <li>
                    <div class="tldate">${log.opTime}</div>
                </li>

                <li class="timeline-inverted">
                    <div class="tl-circ"></div>
                    <div class="timeline-panel">
                        <div class="tl-heading">
                            <h4>${log.opuser}</h4>
                            <p>
                                <small class="text-muted"><i class="glyphicon glyphicon-time"></i> 02/23/2014</small>
                            </p>
                        </div>
                        <br class="tl-body">
                        <p>操作ip:${log.opip} </br>
                            操作方法:${log.function} </br> </br>
                            操作参数:${log.params} </br>
                        </p>
                    </div>
                </li>

            </c:forEach>

        </ul>
    </div>
</div>


</body>
</html>
